@charset "UTF-8";
*{margin: 0;padding: 0;list-style: none;}
body{
	background-image:url("banner1.jpg");
	background-size: 100%;
}
.container{
	width: 1200px;
	height: 870px;
	margin: 0 auto;
}

.nav{
	margin: 10px;
	height: 50px;
	line-height: 50px;
	
}
.nav ul li{
	float: right;
	font-size: 15px;
}

.nav ul li a{
	text-decoration: none;
	color: #152b3c;
	padding: 15px 30px;
	
}
.nav ul li a:hover {
	border: 1px solid white;
	border-radius: 5%;
	color: white;
	 	
}

.main{
	width: 1200px;
	height: 450px;
	
	
}
.sideleft{
	width: 460px;
	height: 250px;
	float: left;
	padding: 85px  130px;
	
}
.sideleft p{
	padding: 8px 0;
	font-size: 16px;
	
}
.sideright{
	width: 480px;
	height: 400px;
	float: right;
}
.sideright .index{
	width: 330px;
	height: 350px;
	background-color: rgba(255,255,255,0.75);
	margin: 50px 90px;
	
}

.headline{
	font-size: 22px;
	text-align: center;
	padding: 20px;
	
}
input[type="text"]
input[type="password"]
input[type="submit"]{
	-web-kit-appearance:none;
  	-moz-appearance: none;
  	display: block;
  	margin: 0 auto;
  	font-size:15px;
  	width: 240px;
}
input[type="text"]{
	height: 35px;
	border-radius: 3px;
	border:1px solid #c8cccf;
	color:#6a6f77;
	outline:0;
	
}
input[type="password"]{
		height: 35px;
	border-radius: 3px;
	border:1px solid #c8cccf;
	color:#6a6f77;
	outline:0;
}
input[type="submit"]{
	height: 35px;
	width:100px;
	background: #357eb8;
	color: #bcdeff;
	font-weight: bold;
	font-size: 16px;
	
}
input[type="submit"]:hover{
	background: #0e62a3;
	cursor: pointer;
	
}
.astyle{
	margin: 5px 0 5px 50px;
	font-size: 27px;
	color: #6a6f77;	
	padding: 5px 0 5px 50px;
}
.footer{
	width:1000px;
	margin:60px auto;	
}
.footer ul{
	margin-left:100px;
	 
}
.footer ul li{
	float:left;
}
.footer ul li a{
	text-decoration: none;
	color:black;
	border-left: 2px solid black;
	padding: 0 10px;
}